<!DOCTYPE html>
<%@taglib prefix="in" uri="/WEB-INF/tld/decorator.tld"%>
<html>
<head>
<in:headerInc incAll="yes" />
<script src="resources/app/js/dashboard.js"></script>
<title>SiteMan</title>
</head>
<body>
	<in:header />
	<div class="sidebar-background">
		<div class="primary-sidebar-background"></div>
	</div>
	<div class="primary-sidebar">
		<div class="panel-group" id="accordion">
			<div class="panel panel-default">
				<div class="panel-heading">
					<h4 class="panel-title">
						<a data-toggle="collapse" data-parent="#accordion" href="#search">
							Search </a>
					</h4>
				</div>
				<div id="search" class="panel-collapse collapse">
					<div class="panel-body">
						<form method="post" action="" role="form">
							<div class="form-group">
								<label for="type">Type</label> <select
									class="form-control input-sm" id="type" name="type"
									placeholder="Type" url="getList.htm?id=1">

								</select>
							</div>
							<div class="form-group">
								<label for="project">Project</label> <select
									class="form-control input-sm" id="project" name="project"
									url="getList.htm?id=2">

								</select>
							</div>
							<div class="form-group">
								<input placeholder="Name / Description"
									class="form-control input-sm" id="searchStr" name="searchStr" />
							</div>
							<button type="submit" class="btn btn-default pull-right">
								<i class="fa fa-search"></i><span>Search</span>
							</button>
						</form>
					</div>
				</div>
			</div>
			<div class="panel panel-default">
				<div class="panel-heading">
					<h4 class="panel-title">
						<a data-toggle="collapse" data-parent="#accordion"
							href="#bookmarks"> Bookmarks </a>
					</h4>
				</div>
				<div id="bookmarks" class="panel-collapse collapse">
					<div class="panel-body no-padding">
						<ul class="list-group">
							
						</ul>
					</div>
				</div>
			</div>
			<div class="panel panel-default">
				<div class="panel-heading">
					<h4 class="panel-title">
						<a data-toggle="collapse" data-parent="#accordion" href="#reports">
							Reports </a>
					</h4>
				</div>
				<div id="reports" class="panel-collapse collapse">
					<div class="panel-body no-padding">
						<ul class="list-group">
							
						</ul>
					</div>
				</div>
			</div>
			<div class="panel panel-default">
				<div class="panel-heading">
					<h4 class="panel-title">
						<a data-toggle="collapse" data-parent="#accordion"
							href="#navigator"> Project Navigator </a>
					</h4>
				</div>
				<div id="navigator" class="panel-collapse collapse">
					<div class="panel-body no-padding">
						<ul class="list-group">
							
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="main-content">
		<div class="area-top clearfix">
			<div class="row top-row">
				<div class="col-md-2">
					<div class="btn-group">
						<button type="button" class="btn btn-default"
							title="Toggle Sidebar">
							<i class="fa fa-bars fa-2x"></i>
						</button>
						<button type="button" class="btn btn-default"
							title="Advanced Search">
							<i class="fa fa-search-plus fa-2x"></i>
						</button>
					</div>
				</div>
				<div class="col-md-10">
					<div class="pull-right padd-sm">
						<table>
							<tr>
								<td><h5>Project:</h5></td>
								<td>&nbsp;</td>
								<td><select class="form-control" id="currentProject"
									url="getList.htm?id=2" style="min-width: 200px">
								</select></td>
							</tr>
						</table>
					</div>
				</div>
			</div>
			<div class="row">
				<div id="main" class="clearfix col-md-12">
					<div class="row">
						<div class="col-md-4">
							<div class="action-nav-normal">
								<div class="row action-nav-row">
									<div class="col-sm-4 action-nav-button">
										<a href="#" title="Create New"> <i
											class="fa fa-file-text-o"></i> <span>Create New</span>
										</a> <span class="triangle-button red"><i
											class="fa fa-plus"></i></span>
									</div>
									<div class="col-sm-4 action-nav-button">
										<a href="#" title="Tasks"> <i class="fa fa-tasks"></i> <span>Tasks</span>
										</a><span class="label label-green">23</span>
									</div>
									<div class="col-sm-4 action-nav-button">
										<a href="#" title="Pictures"> <i class="fa fa-picture-o"></i>
											<span>Pictures</span>
										</a><span class="label label-green">88</span>
									</div>
								</div>

								<div class="row action-nav-row">
									<div class="col-sm-4 action-nav-button">
										<a href="#" title="Messages"> <i class="fa fa-comments-o"></i>
											<span>Messages</span>
										</a> <span class="label label-blue">14</span>
									</div>
									<div class="col-sm-4 action-nav-button">
										<a href="#" title="Transmittals"> <i
											class="fa fa-envelope-o"></i> <span>Transmittals</span>
										</a> <span class="label label-green">31</span>
									</div>

									<div class="col-sm-4 action-nav-button">
										<a href="#" title="Submittals"> <i class="fa fa-ticket"></i>
											<span>Submittals</span>
										</a> <span class="label label-green">31</span>
									</div>
								</div>

								<div class="row action-nav-row">
									<div class="col-sm-4 action-nav-button">
										<a href="#" title="Issues"> <i class="fa fa-exclamation"></i>
											<span>Issues</span>
										</a><span class="label label-red">31</span>
									</div>
									<div class="col-sm-4 action-nav-button">
										<a href="#" title="Risks"> <i class="fa fa-warning"></i> <span>Risks</span>
										</a><span class="label label-green">88</span>
									</div>
									<div class="col-sm-4 action-nav-button">
										<a href="#" title="Saftey Incidents"> <i
											class="fa fa-bolt"></i> <span>Safety Incidents</span>
										</a><span class="label label-green">23</span>
									</div>
								</div>
							</div>
						</div>
						<div class="col-md-8">
							<div class="box">
								<div class="box-header">
									<div class="title">Charts</div>
									<ul class="box-toolbar">
									<li class="toolbar-link" ><a href="#" id='btnPrevChart' ><i class="fa fa-arrow-circle-left"></i></a></li>										
										<li class="toolbar-link" ><a href="#" id='btnStopTimer' ><i class="fa fa-pause"></i></a></li>										
										<li class="toolbar-link" ><a href="#" id='btnNextChart' ><i class="fa fa-arrow-circle-right"></i></a></li>
										<li class="toolbar-link"><a href="#"><i class="fa fa-cog"></i></a></li>
									</ul>
								</div>

								<div class="box-content padded">
									<div class="row">
										<div class="col-md-4 separate-sections"
											style="margin-top: 5px;">

											<div class="row">
												<div class="col-md-12">
													<div class="dashboard-stats">
														<ul class="list-inline">
															<li class="avatar green"><i
																class="fa fa-arrow-circle-o-up fa-2x"></i></li>
															<li class="count">973,119</li>
														</ul>

														<div class="progress">
															<div class="progress-bar progress-blue tip" title="80%"
																data-percent="80"></div>
														</div>

														<div class="stats-label">Total Visits</div>
													</div>
												</div>
											</div>

											<div class="row" style="margin-top: 30px;">
												<div class="col-md-6">
													<div class="dashboard-stats small">
														<ul class="list-inline">
															<li class="avatar yellow"><i
																class="fa fa-arrows-h fa-2x"></i></li>
															<li class="count">8800</li>
														</ul>
														<div class="progress">
															<div class="progress-bar progress-blue tip" title="65%"
																data-percent="65"></div>
														</div>

														<div class="stats-label">New Visitors</div>
													</div>
												</div>

												<div class="col-md-6">
													<div class="dashboard-stats small">
														<ul class="list-inline">
															<li class="avatar red"><i
																class="fa fa-arrow-circle-o-down fa-2x"></i></li>
															<li class="count">25668</li>
														</ul>
														<div class="progress">
															<div class="progress-bar progress-blue tip" title="80%"
																data-percent="80"></div>
														</div>
														<div class="stats-label">Page Views</div>
													</div>
												</div>
											</div>

										</div>
										<div class="col-md-8">
											<div class="sine-chart" id="xchart-sine"></div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-md-6">
							<div class="box">
								<div class="box-header">
									<div class="title">Full calendar</div>
								</div>

								<div class="box-content" style="height: 465px;">
									<div id="calendar"></div>
								</div>
							</div>
						</div>
						<div class="col-md-6">
							<div class="box">
								<div class="box-header">
									<span class="title">Bulliten Board</span>
									<ul class="box-toolbar">
										<li><span class="label label-blue"></span></li>
									</ul>
								</div>
								<div class="box-content scrollable"
									style="height: 465px; overflow-y: auto" id="bullitenContent">
									<!-- find me in partials/news_with_icons -->

									
								
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="row"></div>

	</div>
</body>
</html>